<!doctype html>
<html ng-app > 
    <head>
        <meta charset="utf-8">
        <title>Curso Angular 2014</title>
        <!-- AngularJS -->
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.2/angular.min.js"></script>
        <!-- jQuery -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
        <!-- Bootstrap JavaScript -->
        <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    </head>
    <body>
        <div class="container">
            <hr>
            <form class="form-horizontal" role="form">
                <div class="form-group">
                    <label for="nombre" class="col-sm-2 control-label">
                        Ingrese su nombre:
                    </label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="nombre" 
                               placeholder="Ingrese su nombre aqui" ng-model="tuNombre">
                    </div>
                </div>
            </form>
            <hr>
            <h1>
                Qué haces {{ tuNombre }} !?!?
            </h1>
        </div>
    </body>
</html>